export const widgetLineCompare = {
  code: 'widget-line-compare',
  type: 'linechart',
  label: '折线对比图',
  icon: 'line-chart',
  preview: require('./preview/widget-line-compare.png'),
  options: {
    // 配置
    setup: [
      {
        type: 'a-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '折线对比图',
      },
      {
        type: 'vue-color',
        label: '背景颜色',
        name: 'background',
        required: false,
        placeholder: '',
        value: ''
      },
      {
        type: 'a-divider',
        label: '折线设置'
      },
      {
        type: 'a-switch',
        label: '标记点',
        name: 'markPoint',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-slider',
        label: '点大小',
        name: 'pointSize',
        required: false,
        placeholder: '',
        value: 5,
      },
      {
        type: 'a-switch',
        label: '平滑曲线',
        name: 'smoothCurve',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-switch',
        label: '面积堆积',
        name: 'area',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-slider',
        label: '面积厚度',
        name: 'areaThickness',
        required: false,
        placeholder: '',
        value: 5,
      },
      {
        type: 'a-slider',
        label: '线条宽度',
        name: 'lineWidth',
        required: false,
        placeholder: '',
        value: 2,
      },
      {
        type: 'a-divider',
        label: '标题设置'
      },
      {
        type: 'a-switch',
        label: '标题',
        name: 'isNoTitle',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-input-text',
        label: '标题',
        name: 'titleText',
        required: false,
        placeholder: '',
        value: '',
      },
      {
        type: 'vue-color',
        label: '字体颜色',
        name: 'textColor',
        required: false,
        placeholder: '',
        value: '#FFD700'
      },
      {
        type: 'a-select',
        label: '字体粗细',
        name: 'textFontWeight',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'normal', name: '正常'},
          {code: 'bold', name: '粗体'},
          {code: 'bolder', name: '特粗体'},
          {code: 'lighter', name: '细体'}
        ],
        value: 'normal'
      },
      {
        type: 'a-input-number',
        label: '字体大小',
        name: 'textFontSize',
        required: false,
        placeholder: '',
        value: 20
      },
      {
        type: 'a-select',
        label: '字体位置',
        name: 'textAlign',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'center', name: '居中'},
          {code: 'left', name: '左对齐'},
          {code: 'right', name: '右对齐'},
        ],
        value: 'center'
      },
      {
        type: 'a-divider',
        label: 'X轴设置'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'isShowX',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-input-text',
        label: '坐标名',
        name: 'xName',
        required: false,
        placeholder: '',
        value: ''
      },
      {
        type: 'vue-color',
        label: '坐标名颜色',
        name: 'nameColorX',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '坐标字号',
        name: 'nameFontSizeX',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-switch',
        label: '数值居中',
        name: 'boundaryX',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'vue-color',
        label: '数值颜色',
        name: 'colorX',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '数值字号',
        name: 'fontSizeX',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-input-number',
        label: '数值间隔',
        name: 'splitNumberX',
        required: false,
        placeholder: '',
        value: ''
      },
      {
        type: 'a-switch',
        label: '刻度线',
        name: 'tickLineX',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-switch',
        label: 'X轴线',
        name: 'lineX',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'vue-color',
        label: '轴颜色',
        name: 'lineColorX',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-divider',
        label: '上y轴设置'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'isShowYTop',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-input-text',
        label: '坐标名',
        name: 'textNameYTop',
        require: false,
        placeholder: '',
        value: ''
      },{
        type: 'vue-color',
        label: '坐标名颜色',
        name: 'nameColorYTop',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '坐标字号',
        name: 'namefontSizeYTop',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-switch',
        label: '缩放',
        name: 'scaleYTop',
        required: false,
        placeholder: '',
        value: false,
      },
      {
        type: 'a-input-number',
        label: '数值切分',
        name: 'splitNumberYTop',
        required: false,
        placeholder: '',
        value: ''
      },
      {
        type: 'vue-color',
        label: '数值颜色',
        name: 'colorYTop',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '数值字号',
        name: 'fontSizeYTop',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-switch',
        label: '刻度线',
        name: 'tickLineYTop',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-switch',
        label: 'y轴线',
        name: 'lineYTop',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'vue-color',
        label: '轴颜色',
        name: 'lineColorYTop',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-switch',
        label: '分割线',
        name: 'splitLineYTop',
        require: false,
        placeholder: '',
        value: false,
      },
      {
        type: 'vue-color',
        label: '分割线颜色',
        name: 'splitLineColorYTop',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '分割线宽度',
        name: 'splitLinefontSizeYTop',
        required: false,
        placeholder: '',
        value: 1,
      },
      {
        type: 'a-divider',
        label: '下y轴设置'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'isShowYBottom',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-input-text',
        label: '坐标名',
        name: 'textNameYBottom',
        require: false,
        placeholder: '',
        value: ''
      },{
        type: 'vue-color',
        label: '坐标名颜色',
        name: 'nameColorYBottom',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '坐标字号',
        name: 'namefontSizeYBottom',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-switch',
        label: '缩放',
        name: 'scaleYBottom',
        required: false,
        placeholder: '',
        value: false,
      },
      {
        type: 'a-input-number',
        label: '数值切分',
        name: 'splitNumberYBottom',
        required: false,
        placeholder: '',
        value: ''
      },
      {
        type: 'vue-color',
        label: '数值颜色',
        name: 'colorYBottom',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '数值字号',
        name: 'fontSizeYBottom',
        required: false,
        placeholder: '',
        value: 14,
      },
      {
        type: 'a-switch',
        label: '刻度线',
        name: 'tickLineYBottom',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-switch',
        label: 'y轴线',
        name: 'lineYBottom',
        require: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'vue-color',
        label: '轴颜色',
        name: 'lineColorYBottom',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-switch',
        label: '分割线',
        name: 'splitLineYBottom',
        require: false,
        placeholder: '',
        value: false,
      },
      {
        type: 'vue-color',
        label: '分割线颜色',
        name: 'splitLineColorYBottom',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '分割线宽度',
        name: 'splitLinefontSizeYBottom',
        required: false,
        placeholder: '',
        value: 1,
      },
      {
        type: 'a-divider',
        label: '数值设定'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'isShow',
        required: false,
        placeholder: '',
        value: true
      },
      {
        type: 'a-input-number',
        label: '字体大小',
        name: 'fontSize',
        required: false,
        placeholder: '',
        value: 14
      },
      {
        type: 'vue-color',
        label: '字体颜色',
        name: 'subTextColor',
        required: false,
        placeholder: '',
        value: '#fff'
      },
      {
        type: 'a-select',
        label: '字体粗细',
        name: 'fontWeight',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'normal', name: '正常'},
          {code: 'bold', name: '粗体'},
          {code: 'bolder', name: '特粗体'},
          {code: 'lighter', name: '细体'}
        ],
        value: 'normal'
      },
      {
        type: 'a-divider',
        label: '提示语设置'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'tipShow',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'a-select',
        label: '类型',
        name: 'tipType',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'line', name: '线形'},
          {code: 'cross', name: '十字形'},
        ],
        value: 'line'
      },
      {
        type: 'vue-color',
        label: '颜色',
        name: 'tipColor',
        required: false,
        placeholder: '#e68b55',
      },
      {
        type: 'a-divider',
        label: '坐标轴边距设置'
      },
      {
        type: 'a-slider',
        label: '左边距(像素)',
        name: 'marginLeft',
        required: false,
        placeholder: '',
        value: 20,
      },
      {
        type: 'a-slider',
        label: '右边距(像素)',
        name: 'marginRight',
        required: false,
        placeholder: '',
        value: 50,
      },
      {
        type: 'a-slider',
        label: '顶边距(像素)',
        name: 'marginTop',
        required: false,
        placeholder: '',
        value: 40,
      },
      {
        type: 'a-slider',
        label: '底边距(像素)',
        name: 'marginBottom',
        required: false,
        placeholder: '',
        value: 40,
      },
      {
        type: 'a-divider',
        label: '图例操作'
      },
      {
        type: 'a-switch',
        label: '显示',
        name: 'isShowLegend',
        required: false,
        placeholder: '',
        value: true,
      },
      {
        type: 'vue-color',
        label: '字体颜色',
        name: 'lengedColor',
        required: false,
        placeholder: '',
        value: '#fff',
      },
      {
        type: 'a-input-number',
        label: '字体大小',
        name: 'lengedFontSize',
        required: false,
        placeholder: '',
        value: 16,
      },
      {
        type: 'a-input-number',
        label: '图例宽度',
        name: 'lengedWidth',
        required: false,
        placeholder: '',
        value: 15,
      },
      {
        type: 'a-select',
        label: '横向位置',
        name: 'lateralPosition',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'center', name: '居中'},
          {code: 'left', name: '左对齐'},
          {code: 'right', name: '右对齐'},
        ],
        value: 'center'
      },
      {
        type: 'a-select',
        label: '纵向位置',
        name: 'longitudinalPosition',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'top', name: '顶部'},
          {code: 'bottom', name: '底部'},
        ],
        value: 'top'
      },
      {
        type: 'a-select',
        label: '布局前置',
        name: 'layoutFront',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'vertical', name: '竖排'},
          {code: 'horizontal', name: '横排'},
        ],
        value: 'horizontal'
      },
      {
        type: 'a-divider',
        label: '自定义配色'
      },
      {
          type: 'custom-color',
          label: '配色',
          name: 'customColor',
          required: false,
					limit: -1,
          value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
        }
    ],
    // 数据
    data: [
      {
        type: 'a-radio-group',
        label: '数据类型',
        name: 'dataType',
        require: false,
        placeholder: '',
        selectValue: true,
        selectOptions: [
          {
            code: 'staticData',
            name: '静态数据',
          },
          {
            code: 'dynamicData',
            name: '动态数据',
          },
        ],
        value: 'staticData',
      },
      {
        type: 'a-input-number',
        label: '刷新时间(毫秒)',
        name: 'refreshTime',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        value: 5000
      },
      {
        type: 'a-button',
        label: '静态数据',
        name: 'staticData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'staticData',
        value: [
          {"axis":"07-25","name":"success","data":"2"},
          {"axis":"07-25","name":"fail","data":"10"},
          {"axis":"07-26","name":"success","data":"5"},
          {"axis":"07-26","name":"fail","data":"20"},
          {"axis":"07-27","name":"success","data":"15"},
          {"axis":"07-27","name":"fail","data":"30"},
          {"axis":"07-28","name":"success","data":"10"},
          {"axis":"07-28","name":"fail","data":"12"},
          {"axis":"07-29","name":"success","data":"9"},
          {"axis":"07-29","name":"fail","data":"16"},
        ],
      },
      {
        type: 'a-dict-select-tag',
        label: '动态数据',
        name: 'dynamicData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        dictKey: 'gaea_report_data_set,dsname,id',
        value: '',
      },
    ],
    // 坐标
    position: [
        {
          type: 'a-input-number',
          label: '横坐标',
          name: 'left',
          required: false,
          placeholder: '',
          value: 0,
        },
        {
          type: 'a-input-number',
          label: '纵坐标',
          name: 'top',
          required: false,
          placeholder: '',
          value: 0,
        },
        {
          type: 'a-input-number',
          label: '深度',
          name: 'zIndex',
          required: false,
          placeholder: '',
          value: 0,
        },
        {
          type: 'a-input-number',
          label: '宽度',
          name: 'width',
          required: false,
          placeholder: '容器宽度',
          value: 600,
        },
        {
          type: 'a-input-number',
          label: '高度',
          name: 'height',
          required: false,
          placeholder: '容器高度',
          value: 300
        }
    ],
  }
}
